    /* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection

    Author:     Nuvio (www.nuvio.cz)
    Update:     2008-07-29, 18:30 GMT+1
    Version:    2.2.6 (2008-07-13, 14:28 GMT+1)

    Structure:
    display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:

    1) HTML tags
    2) HTML styles
    3) Layout
    4-1) Page: Homepage
    5) Others

    ---------------------------------------------------------------------------------------------------------- */

    /* ----------------------------------------------------------------------------------------------------------
    1) HTML tags
    ---------------------------------------------------------------------------------------------------------- */

    body {background-color:#fff; color:#404040}

    a {color:#404040;}
    a:hover {color:#000;}

    /* ----------------------------------------------------------------------------------------------------------
    2) HTML styles
    ---------------------------------------------------------------------------------------------------------- */

    /* ----------------------------------------------------------------------------------------------------------
    3) Layout
    ---------------------------------------------------------------------------------------------------------- */

    #nav span {color:#DDD;}
    #nav #nav-active {color:#090;}

    /*    #tray {background-color:#BFBFBF;} */
    /*    #tray li a {color:#404040;} */
    #tray li#tray-active a {background-color:#090; color:#FFF; }
    /*    #tray li a:hover {background-color:#9F9F9F; color:#FFF;} */

    #search #search-input {background-color:#FFF;}
    #search #search-input input {color:#404040;}

    #footer, #footer a {color:#9f9f9f;
        text-align:center;}
    #footer a:hover {color:#404040;}

    /* ----------------------------------------------------------------------------------------------------------
    4-1) Page: Homepage
    ---------------------------------------------------------------------------------------------------------- */

    #col-top, #col-bottom, #col {background-color:#F5F5F5;}
    #col-top {
        width:960px;
        height:5px;
        margin-top:5px;
        background:url("../design/col-top.gif") 0 0 no-repeat;
        font-size:0;
        line-height:0;
        overflow:hidden;
            clear:both;
            }
    #col-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../design/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}

    #main {
        position:relative;
        padding:3px 30px 15px 20px;
        background:url("../design/col.gif") 0 0 repeat-y;
    }


    #cols3 .col h3 {background-color:#EEF8E4; color:#090;}
    #cols3 .col h3 a {color:#090;}
    #cols3 .col h3 a:hover {color:#000;}
    #cols3 .col-more {background:#F5F5F5;}

    #cols2 #col-left .title h4, #cols2 #col-right h4 {color:#090;}
    #cols2 #col-left .title h4, #cols2 #col-left .title span {background-color:#FFF;}
    #cols2 #col-left .article {color:#090;}
    #cols2 #col-left a:hover.article {color:#000;}

    #cols2 #col-right {background-color:#EEF8E4;}
    #cols2 #col-right h4 span {background-color:#EEF8E4;}

    /* ----------------------------------------------------------------------------------------------------------
    5) Others
    ---------------------------------------------------------------------------------------------------------- */

    .high {color:#090}




    /* ------------------------------
    HTML templates
    --------------------------------  */
    div#content_filter
    {
        font-family: Arial; font-size: 8pt; color: #000000;
    }
    div#page_header{
        float:left;
    }

    div#page_filter{
        position:relative;
        float:left;
        margin-top:30px;
        margin-left:25px;
    }





    li.titlename2
    {
        list-style:none;
        list-style-type:none;
        font-family: Arial;
        font-size:20pt;
        color: #000000;
        font-weight:bold;
    }

    ul#listfilterTD1
    {
        font-family: Arial;
        font-size:8pt;
        color: #000000;
        font-weight:bold;
        list-style:none;
        float:left;
    }

    div#page_filter ul{
        list-style-type:none;
        clear:both;
    }



    li.sel, li.sel a{
        font-weight:bold;
        font-size:120%;
        color:white;
        background-color:silver;
        font-size:8pt;
        text-decoration:none;
        float:left;
        padding:0 1px 0 1px;
        text-transform:uppercase;

    }
    div#page_filter ul li,div#page_filter ul li a {
        font-size:8pt;
        text-decoration:none;
        float:left;
        padding:0 1px 0 1px;
        text-transform:uppercase;
    }



    li#listfilterheader
    {
        font-family: Arial;
        font-size:7pt;
        color: #000000;
        font-weight:bold;
        float:left;
    }
    li#listfilterS, a#listfilter
    {
        font-family: Arial;
        font-size:7pt;
        color: #000000;
        font-weight:bold;
        float:left;
        text-transform:uppercase;
    }

    /* ------------------------------
    Hacks to get content showing
    --------------------------------  */


    table.content1{
        /*
        border-style:solid;
        border-width:1px;
        border-collapse: collapse;
        */
        font-family: Arial; font-size: 8pt; color: #000000;
        /*border-color:#008080;
        width:97%;
        background-color:#EEFFFF;*/
    }

    td.tl{
        padding-left:4px;
        padding-right:4px;

        font-family: Arial; font-size: 8pt; color: black;
        text-indent : 0px;
        font-variant: small-caps;
        border-left-width: 0px;
        border-right-width: 1px;
        border-top-width: 0px;
        border-bottom-width: 0px;
        border-style: solid;
        border-color: #B4B4B4;
    }

    font.tl,a.tl{
        font-family: Arial;
        font-size: 9pt;
        color: #7F7F7F;
        background:#EEFFFF;
        text-indent : 0px;
        font-variant: small-caps;
    }

    a.tl:hover{
        font-family: Arial;
        font-size: 9pt;
        background:#DDDDDD;
        color: black;
        text-indent : 0px;
        font-variant: small-caps;
    }


    li.type2{
        font-family: Arial, Helvetica, sans-serif; font: bold  10px  !important;
        padding:0px 0px 0px 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    div#page_header ul li
    {
        list-style:none;
        list-style-type:none;

    }

    /* ------------------
    Main Content
    --------------------*/
    div#main_content{
        clear: both;
    }

    p#desc1{
        font-family: Arial, Helvetica, sans-serif; font: bold  10px;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
        LINE-HEIGHT: 100%;
    }

    table.listType1 td{
        font-size: 90%;
        padding:0px 5px;
    }

    table.listType1,table.listType1 tbody tr, table#listType1 tbody tr td
    {

        border:2px 2px 2px 2px;
        margin-top:5px;
    }

    /*

    <style type="text/css">
    table.sample {
    border-width: 3px 3px 3px 3px;
    border-spacing: 2px;
    border-style: dotted dotted dotted dotted;
    border-color: green green green green;
    border-collapse: separate;
    background-color: rgb(250, 240, 230);
    }
    table.sample th {
    border-width: 5px 5px 5px 5px;
    padding: 1px 1px 1px 1px;
    border-style: inset inset inset inset;
    border-color: blue blue blue blue;
    background-color: rgb(255, 245, 238);
    }
    table.sample td {
    border-width: 5px 5px 5px 5px;
    padding: 1px 1px 1px 1px;
    border-style: inset inset inset inset;
    border-color: blue blue blue blue;
    background-color: rgb(255, 245, 238);
    }
    </style>

    <table class="sample">
    <tr>
    <th>Header</th>
    <td>Content</td>
    </tr>
    </table>


    */
    p.viewDetailsHeader,     p.viewDetailsData, li#viewDetailsDataLast, li#viewDetailsBREAK
    {
        font-family: Arial, Helvetica, sans-serif;
        list-style:none;
        list-style-type:none;
    }
    ul#viewDetails{
        background-color:yellow;
        float:left;
        position:relative;
    }

    li#viewDetailsLookup
    {
        min-width:100px;
    }
    li#viewDetailsDataLast{
        float:none;
    }

    ul#viewDetails li.first{
        margin-left:0px;
    }


    .ViewData{
    }




    div#details-section
    {
        margin-top:70px;
        float:none;
        /*        color:#FFF; */
    }

    div#viewDetailsC1{
        float:left;
        position:relative;
        width:100%;
    }


    div#viewDetailsC1 ul, div#RefDataDetailsC1 ul{
        width:100%;
    }
    div#viewDetailsC1 ul, div#viewDetailsC1 ul li
    {
        font:normal normal normal 1em sans-serif;
        /*        font-family: Arial, Helvetica, sans-serif;*/
        color:gray;
        font: bold 11px;
        text-decoration : none;
        list-style:none;
        list-style-type:none;
        float:left;
        position:relative;
    }
    div#viewDetailsC1 ul li, div#RefDataDetailsC1 ul li{
        /* minimum width */
        width:25%;
    }
    .colw33pc{
        /* minimum width */
        width:33% !important;
    }
    .colw50pc{
        /* minimum width */
        width:50% !important;
    }
    .colw100pc{
        /* minimum width */
        width:100% !important;
    }

    hr.left200px{
        text-align:left;
        margin-left:0;
        width:200px;
    }



    .viewDetailsData, .viewDetailsHeader, .viewDetailsHeaderB{
        margin-top:5px;
        margin-bottom:2px;
        float:left;
    }

    .viewDetailsData{
        padding-left:2px;
        color:black;
        font:  12px;
        font-weight:bolder;
    }

    .viewDetailsHeaderB
    {
        font-weight:bold;
        float:none;

    }
    p.viewDetailsHeader{
        position:relative;
        margin-left:20px;
        color:#222222;
        font: bold 11px;
    }

    ul#IndvNavBar, ul#IndvNavBar li
    {
        list-style:none;
        list-style-type:none;
        float:none;
    }

    p#IndvNavBar, p#FmlyNavBar {
        float:none;
        position:relative;
        background-color:inherit;
        margin-bottom: 0px;
        color:black;
        font-weight:bold;
    }

    p#IndvNavBar a , p#FmlyNavBar a{
        font-weight:normal;
    }

    ul#ViewHeading {
        float:none;
        position:relative;
    }

    .titlename1, td.nbtLeft{
        font-WEIGHT: bold;
        font-SIZE: 18px;
        COLOR: black;
        font-FAMILY: Arial;
    }


    p.IndvRole{
        float:none;
        position:relative;
        background-color:inherit;
        font-WEIGHT: normal;
        font-SIZE: 12px;
        COLOR: black;
        font-FAMILY: Arial;
        font-style:italic;
        margin: 0px 0px 10px 0px;
    }

    p.IndvName
    {
        float:none;
        position:relative;
        background-color:inherit;
        font-WEIGHT: bold;
        font-SIZE: 18px;
        COLOR: black;
        font-FAMILY: Arial;
        margin: 0px 0px 0px 0px;
    }

    table#tFamilyOverview
    {
        border-width:0px 0px 0px 0px;
        border:none;
        margin-bottom:0px;
    }


    form#SearchForm {
        text-align:right;
    }

    form#SearchForm p {
        margin-top:5px;
    }

    .changes{
        font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: red; font-weight: bold;
    }
    .vsmalltxt,a.vsmalltxt:hover{
        font-family: Arial, Helvetica, sans-serif; font-size: 9px;
    }

    .smalltxt,a.smalltxt:hover{
        font-family: Arial, Helvetica, sans-serif; font: bold 10px
    }


    .mediumtxt,a.mediumtxt:hover{
        font-family: Arial, Helvetica, sans-serif; font: bold 11px
    }
    .largetxt,a.largetxt:hover{
        font-family: Arial, Helvetica, sans-serif; font: bold 22px
    }
    .vlargetxt,a.vlargetxt:hover{
        font-family: Arial, Helvetica, sans-serif; font: bold 28px
    }
    .copyright,a.copyright:hover{
        font-family: Arial, Helvetica, sans-serif; font: bold 10px
    }
    .errmsg1{
        font-family: Arial, Helvetica, sans-serif; font: bold 14px
    }

    a.quickselector{
        font-family: Arial, sans-serif;
        font-size: 9px;
        text-transform:uppercase;
        color:#444444;
        width:50px;
        float:left;
        margin-left:9px;

    }
    div.quickselector{
        display:none;
        margin-left:60px;
    }
    div.quickselector input{
        vertical-align:top;
    }

    p.FieldDescriptionText
    {
        font-family: Arial;
        font-size: 10px;
        color:red;
        float:none;
        margin:0px;
    }

    /*

    div#viewDetailsC1 ul li p{
    float:left;
    display: inline;
    margin-top:5px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    text-decoration : none;
    }
    */

    li.viewDetailsDataEdit{
        position:absolute;
    }

    /* /////////////////////////// */

    div#viewDetailsC2{
        float:left;
        position:relative;
        width:100%;
    }


    div#viewDetailsC2 ul{
        width:100%;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    div#viewDetailsC2 ul, div#viewDetailsC2 ul li
    {
        font:normal normal normal 1.0em sans-serif;
        /*        font-family: Arial, Helvetica, sans-serif;*/
        color:#333333;
        font: bold 11px;
        text-decoration : none;
        list-style:none;
        list-style-type:none;
        float:left;
        position:relative;
    }
    div#viewDetailsC2 ul li.viewDetailsHeader{
        /* minimum width */
        width:25%;
    }

    table.DateEditTable
    {
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
    }

    table.DateEditTable tr.dateheadings
    {
        text-align:center;
        color:#222222;
        font-size:10px;
        font-weight:bold;

    }
    /* ///////////////////////  */
    /*
    div.Statistic_title{
    font-family: Arial, Helvetica, sans-serif; font: bold  14px; text-decoration : underline;
    padding:2px 0px 0px 0px;
    height: 20px;
    }

    td.Statistic_header{
    padding:2px 2px 2px 2px;
    border-style:solid;
    border-width:1px;
    border-collapse: collapse;
    border-color:#008080;
    background-color:#EEFFFF;
    font-family: Arial, Helvetica, sans-serif; font: bold  12px; text-decoration : none;
    text-indent : 0px;
    }
    */
    td.Statistic_data{
        padding:0px 0px 0px 0px;
        vertical-align: top;
        border-style:solid;
        border-width:1px;
        border-collapse: collapse;
        border-color:#008080;
        background-color:#EEFFFF;
        font-family: Arial, Helvetica, sans-serif; font: 10px; text-decoration : none; text-align: center;
        text-indent : 0px;

    }
    table.Statistic{
        float:none;
        margin-top:3px;
        margin-left:3px;
        padding-left:100px;
        border-style:solid;
        border-width:1px;
        border-collapse: collapse;
        border-color:#008080;
        background-color:#DCDCDC;
    }

    table.Statistic tr{
        width:100%;
    }
    td.viewDetailsHeader{
        float:none;
        padding-left:5px;
        padding-right:5px;
    }


    ul.ReportOverview{
        margin-bottom:20px;
    }

    ul.ReportOverview li{
        text-align:center;
    }

    ul.ReportFlyOut, ul.ReportFlyOut li{
        width:350px;
    }

    ul.RefDataFlyOut, ul.RefDataFlyOut li{
        width:250px;
    }

    div.ReportMinorOptions{
        text-align:right;
        background-color:green;
    }
    .floatleft, .floatleftCB{
        float:left;
    }

    .floatleftCB{
        color:yellow;
        width:10px !important;
        margin:2px 2px 2px 12px;
        float:left;
    }
    li.viewDetailsDataEditMinorReportDetails {
        width:45% !important;
        float:left !important;
    }

    li.viewDetailsDataEditMinorReportDetails ul
    {
        margin-top:0px !important;
        margin-bottom:0px !important;
    }
    li.viewDetailsDataEditMinorReportDetails ul li{
        width:45% !important;
        padding-left:5%;
    }
    div.ReportMinorOptions ul li p{
        margin-top:2px;
        margin-bottom:2px;
        /*        width:90%; */
        float:left;
    }

    div#message{
        padding-top:0px;
        padding-bottom:0px;
        color:blue;
        font-weight:bold;
    }
    div#RefDataDetailsC1{
        float:none;
        position:relative;
        width:100%;
    }

    div.phpMyEdit-section{
        border-width:5px;
        border-style: groove;
        padding: 5px 5px 5px 5px;
        float:none;
        position:relative;
        display:block;
        margin-top:190px;
    }


    div#RefDataDetailsC1 ul, div#RefDataDetailsC1 ul li
    {
        font:normal normal normal 1em sans-serif;
        color:gray;
        font: bold 11px;
        text-decoration : none;
        list-style:none;
        list-style-type:none;
    }
    div#RefDataDetailsC1 ul li{
        float:left;
    }